@charset "UTF-8";
/* 웹 페이지 전체에 대한 CSS 적용(크기, 여백) */
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}
*:focus { outline: none; }
.btn:focus, .btn:active:focus { outline: none; }
body { font-family: '맑은 고딕'; font-size: 12px; }
a { color: #000; }
.container { max-width: 950px; }

/* 자주 사용하는 스타일들 */
.fs-small { font-size: 11px; }
.fs-medium { font-size: 12px; }
.fleft { float: left; }
.fright { float: right; }
.fclear { clear: both; }
.tcenter { text-align: center; }
.tright { text-align: right; }
.dragup { margin-top: -26px; }
.success { color: #3c763d; }
.danger { color: #d43f3a; }
.bottommargin { margin-bottom: 20px; }


/* 상단 퀵 메뉴 */
.qmenu { border-bottom: 1px solid #dfdfdf; background: #fdfdfd; height: 30px; }
.qmenu ul { height: 30px; padding: 0; margin: 0; }
.qmenu ul li { list-style-type: none; float: left; margin: 7px 0; padding: 0 10px;
	border-left: 1px solid #dfdfdf; }
.qmenu ul li:first-child { border: none; }

/* 상단 영역 */
.navbar .navbar-inner { padding: 0; }
.header-middle { height: 120px; }
.mainmenu-nav ul li a { font-size: 12px; padding: 10px 10px; font-weight: bold; }

/* logo */
.hlogo { width: 200px; height: 120px; background: #d4d4d4; }
/* add */
.hadd { width: 200px; height: 120px; background: #d0d0d0; }

/* 검색상자 */
.findbox { margin: 0 auto; width: 460px; padding: 40px 0; }
#findkey, #findbtn { font-weight: bold; font-size: 12px; padding: 5px; }
#findkey { border: 7px solid #5FB3F6; width: 400px; }
#findbtn { background: #5FB3F6; border: none; border-radius: 5px; padding: 12px;
	width: 55px; color: #fff; }
	
/* 메뉴 */
.navbar { min-height: 30px; }
.mainmenu-nav { background: #fff; border: 2px solid #58A5E3; }
.mainmenu-nav .navbar-nav>li>a { color: #fff; }
.mainmenu { background: #58A5E3; }
.mainmenu-nav .navbar-header { background: #58A5E3; }
.mainmenu .navbar-nav>.active>a,
.mainmenu .navbar-nav>.active>a:hover,
.mainmenu .navbar-nav>.active>a:focus { color: #555; background-color: #FFFFFF;
	border-radius: 3px 3px 0 0; }

/* 실시간 검색 */
.fcondition { width: 843px; margin: 5px auto; }
.impo, .picon { padding: 5px; display: inline-block; margin: 5px; }
.rf-form { font-size: 1em; margin: 5px 0; padding: 2px; height: 23px; width: inherit; display: inline-block; }
#rfbtn, #detail-btn { font-weight: bold; padding: 2px 15px; margin-top: -1px; }
.fcd { margin: 10px 5px; border: 1px solid #e7e7e7; border-left: none; border-right: none; }
.fcd-label { padding: 10px; }
.fcd-checkbox { border-left: 1px solid #e7e7e7; width: 740px; padding: 10px; }
#fc-detail .fcd-chk-label { width: 115px; margin: 0 0 10px 0; }
.acc { height: 130px; }
.theme { height: 101px; }


/* 상세검색 */
#fc-detail { display: none; }

/* 하단 영역 */
.footer { margin: 50px 0 0 0; }
.fmenu { width: 752px; margin: 0 auto; }
.fmenu ul li { border-right: 1px solid #e7e7e7; padding: 0 10px; }
.fmenu ul li:first-child { border-left: 1px solid #e7e7e7; }
.fmenu ul li a { padding: 5px 10px; }

/* 로그인 모달 */
.logininput { width: 425px; }
#loginmodal .modal-body { height: 197px; }
#loginmodal .modal-footer { font-size: 16px; }
#loginmodal #ljoinbtn { margin: 0 25px; }
#loginmodal .checkbox-inline { margin-top: -5px; }
#loginmodal .checkbox-inline input[type="checkbox"] { margin-top: 5px; }
#loginbtn { height: 107px; width: 120px; }

/* 본문 영역 */
article { min-height: 550px; }

/* 회원가입 */
.agrees { width: 100%; height: 250px; overflow-x: hidden; }
input[type=checkbox] { margin: 2px 0; }
.joinstep { height: 50px; }
.bright { border-right: 1px solid #949494; }
.progress-bar-gray { background: #595959; }
#joinfrm { font-size: 14px; }
.addon-border { border-right: none; border-left: none; }
.addon-select { height: 34px; }
.addon-select:fcus { outline: none; }
#uidok-p, #uidno-p, #pwdlen-p, #pwdok-p, #pwdno-p, #uidok, #pwdok { display: none; }

/* 회원가입 - 실명확인 */
.topmargin { margin-top: 35px; }

/* 회원가입 - 우편번호 찾기 모달 */
.dragdown { margin-top: 15px; }

/* pensionmodal.jsp */
#pensionmodal .navbar { font-size: 14px; border-radius: 0; }
#pensionmodal .modal-header { padding: 15px 0; border-bottom: none; }
#pensionmodal .modal-title { padding: 0 15px; letter-spacing: 0.3em; }
#pensionmodal .modalbody { margin-top: 0; }
.modalbody { height: 600px; overflow-x: hidden; overflow-y: auto; }
#penmodalmn a { cursor: pointer; }
.penmobtn { margin: 10px 5px; padding: 4px 15px; }

.nav-ver-tabs { float: left; }
.nav-ver-tabs>li { float: none; }

.nav-ver-tabs>li.active>a, .nav-ver-tabs>li.active>a:hover,
.nav-ver-tabs>li.active>a:focus { color: #555; background-color: #fff;
	border: 1px solid #ddd; border-right-color: transparent; cursor: default;
	border-left-width: 10px; }
.nav-ver-tabs>li>a { margin-right: -1px; margin-bottom: 5px;
line-height: 1.42857143; border: 1px solid transparent; border-radius: 4px 0 0 4px; }
.nav-ver-tabs { border-right: 1px solid #ddd; margin-right: 20px; width: 125px;
	height: 500px; border-bottom: none; }
	
/* introduce */
.penimg { margin-right: 20px; }
.peninfo { width: 385px; }
.peninfo img { margin: 0 10px; }
.pentxt { width: 685px; line-height: 2em; }

/* index.jsp */
.panel-heading { border-radius: 0; }
.panel { border-width: 2px; }
.special { height: 300px; background: gold; margin-bottom: 20px; }
.panel-title { font-weight: bold; }
.picon { margin: 0; }
.thumbnail .pcaption { display: block; padding: 5px; }
.nav-tabs-index { border-bottom: none; }
.nav-tabs-index a { color: #fff; }
.nav-tabs-index a:hover { color: #428bca; }
.del { text-decoration: line-through; }
.ins { color: red; font-weight: bold; }
.panel .list-group { margin: 0; padding: 0 10px; }
.list-group-item { font-size: 11px; padding: 7px 15px; }

/* pension/regional.jsp */
.region { height: 100px }
.subnav { margin-bottom: 0; }
.cate { margin: 10px; height: 29px; }
.cate .pagination { margin: 0; }
.npension .list-group-item { padding: 15px; }
.media>.pull-left { margin-right: 20px; }
.npension hr { margin: 10px 0; }
.npension .media-heading { margin-top: 5px; }
.num { padding: 1px 5px; color: #fff; background-color: #999;
	border-radius: 3px; box-shadow: inset 0 -1px 0 rgba(0,0,0,.25); }
.btn-xs, .btn-group-xs>.btn { font-size: 11px; }
.btn-group-xs { margin-top: 5px; }